import axios from 'axios';
import nProgress from 'nprogress';
import 'nprogress/nprogress.css';
import { ElMessage } from 'element-plus';

nProgress.configure({ showSpinner: false }); // 关闭转轮

axios.defaults.baseURL = import.meta.env.VITE_BASE_URL;
axios.defaults.timeout = 5000;

// 添加请求拦截器
axios.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    nProgress.start();
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    ElMessage({
      type: 'error',
      message: error,
      duration: 3000,
    });
    nProgress.done();
    return Promise.reject(error);
  }
);

// 添加响应拦截器
axios.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    nProgress.done();
    return response;
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    ElMessage({
      type: 'error',
      message: error.response.data.msg,
      duration: 3000,
    });
    nProgress.done();
    return Promise.reject(error);
  }
);

export default axios;
